<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
	        body,html{
	            padding: 0;
	            margin: 0;
				background:#0A0F23;
	            width: 100%;
	            height: 100%;
	        }
			.patent-board {
				padding:10px;
			}
			.patent-board .board-panel {
				width: 300px;
				height: 100px;
				margin-top: 30px;
				background-color: #17354c;
				border-radius: 5px;
			}
			.patent-board .pull-left {
				float: left;
			}
			.patent-board .pull-right {
				float: right;
			}
			.patent-board .panel-title {
				text-align: left;
				font-size: 20px;
				line-height: 50px;
				color: #d9c182;
				padding-left: 30px;
				margin: 0;
			}
			.patent-board .panel-num {
				text-align: right;
				font-size: 30px;
				color: #ffff00;
				line-height: 30px;
				margin: 0;
			}
			.patent-board .panel-unit {
				font-size: 14px;
				margin-left: 8px;
				margin-right: 50px;
			}
		</style>
	</head>
	<body>
		<div style="width: 100%;height: 100%;">
			<div style="text-align: center;margin-top: 52px;font-size: 22px;font-weight: 700;font-family: 'Microsoft YaHei';color: #fff;">2017年西安新增人才</div>
			<div class="patent-board">
				<div class="board-panel pull-left">
					<p class="panel-title">研究生</p>
					<p class="panel-num"><span>&gt;0.7万</span><span class="panel-unit">人</span></p>
				</div>
				<div class="board-panel pull-right">
					<p class="panel-title">本科</p>
					<p class="panel-num"><span>7.5万</span><span class="panel-unit">人</span></p>
				</div>
				<div class="board-panel pull-left">
					<p class="panel-title">大专</p>
					<p class="panel-num"><span>5万</span><span class="panel-unit">人</span></p>
				</div>
				<div class="board-panel pull-right">
					<p class="panel-title">中专、技校</p>
					<p class="panel-num"><span>1.8万</span><span class="panel-unit">人</span></p>
				</div>
			</div>
		</div>
	</body>
</html>
